<template>
  <div class="studemo">
    <h1>{{ msg }}</h1>
    <h2>学生名:{{ name }}</h2>

    <button @click="showName">点我提示学生名</button>
  </div>
</template>


<script>
import { hunhe } from '../mixin'
import { hunhe2 } from '../mixin'
// 默认暴漏 简写
export default {
  name: 'StudentMixin',
  data() {
    return {
      msg: '学生信息',
      name:'徐亚远',
      x:666
    };
  },
  mixins:[hunhe,hunhe2],
  mounted(){
    console.log('你好啊！！！！！')
  }
};

// 默认暴露
// export default Vue.extend({
//   data() {
//     return {
//       schoolName: '宋营小学',
//       schoolAddress: "河南省商丘市睢阳区路河乡",
//     };
//   },
//   methods: {
//     showName() {
//       alert(this.studentName);
//     },
//   },
// })

// 分别暴露
// export const school = Vue.extend({
//   data() {
//     return {
//       schoolName: '宋营小学',
//       schoolAddress: "河南省商丘市睢阳区路河乡",
//     };
//   },
//   methods: {
//     showName() {
//       alert(this.studentName);
//     },
//   },
// });

// 统一暴露
// export {school}
</script>

<style>
    .studemo{
        background-color: yellowgreen;
    }
</style>
